diff options
| author | Adam Soltys <[email protected]> | 2023-02-07 22:33:06 -0800 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2023-02-07 22:33:06 -0800 |
| commit | f4a66ec14e12b357227ebd06f7ce698bf50a08f1 (patch) | |
| tree | 4a2eaa1fd72166eb8e35d7df7196dc641decc3d9 /src/routes/(app)/[username]/request/[id] | |
| parent | 980dc1f0c0537d822d7fa8858844da3ad05bda4c (diff) | |
| download | coinos-ui-f4a66ec14e12b357227ebd06f7ce698bf50a08f1.tar.gz coinos-ui-f4a66ec14e12b357227ebd06f7ce698bf50a08f1.zip | |
restoring requests
Diffstat (limited to 'src/routes/(app)/[username]/request/[id]')
| -rw-r--r-- | src/routes/(app)/[username]/request/[id]/+page.server.js | 5 | ||||
| -rw-r--r-- | src/routes/(app)/[username]/request/[id]/+page.svelte | 20 |
2 files changed, 14 insertions, 11 deletions
diff --git a/src/routes/(app)/[username]/request/[id]/+page.server.js b/src/routes/(app)/[username]/request/[id]/+page.server.js index 542a3ccb..5fb90bf3 100644 --- a/src/routes/(app)/[username]/request/[id]/+page.server.js +++ b/src/routes/(app)/[username]/request/[id]/+page.server.js @@ -1,8 +1,10 @@ import { auth, get } from '$lib/utils'; import { redirect } from '@sveltejs/kit'; -export let load = async ({ cookies, depends, locals: { user }, params }) => { +export let load = async ({ cookies, depends, params, parent }) => { depends('app:invoice'); + + let { user } = await parent(); if (!user) throw redirect(307, '/login'); let { request } = await get(`/request/${params.id}`, auth(cookies)); @@ -19,5 +21,6 @@ export let load = async ({ cookies, depends, locals: { user }, params }) => { if (request.requester.username === user.username) throw redirect(307, `/send/${id}`); } + return { request }; }; diff --git a/src/routes/(app)/[username]/request/[id]/+page.svelte b/src/routes/(app)/[username]/request/[id]/+page.svelte index b061886e..b8dedbfc 100644 --- a/src/routes/(app)/[username]/request/[id]/+page.svelte +++ b/src/routes/(app)/[username]/request/[id]/+page.svelte @@ -1,6 +1,7 @@ <script> + import { scale } from 'svelte/transition'; import { t } from '$lib/translations'; - import { Avatar } from '$comp'; + import { Avatar, Icon } from '$comp'; import { f, sat, sats } from '$lib/utils'; import { request as req, requestRedirect } from '$lib/store'; import { onMount } from 'svelte'; @@ -17,10 +18,10 @@ onMount(() => req.set()); </script> -<div class="container px-4 mt-20 max-w-xl mx-auto space-y-8"> +<div class="container px-4 max-w-xl mx-auto space-y-8"> <div class="text-center mb-8 space-y-5"> {#if request.recipient_id === user.id} - <p class="text-5xl break-words"> + <p class="text-4xl break-words"> <span class="text-xl md:text-2xl">{$t('payments.sentInvoiceTo')}</span> </p> <div class="flex p-1 gap-2 justify-center"> @@ -34,13 +35,12 @@ <h3 class="text-secondary md:text-lg mb-6 mt-1">{sat(amount)}</h3> </div> {:else} - <p class="text-5xl break-words"> - <span class="text-xl md:text-2xl">{$t('payments.sentRequestTo')}</span> - </p> - <div class="flex p-1 gap-2 justify-center"> - <Avatar user={request.recipient} size={20} /> - <p class="text-4xl break-words my-auto">{request.recipient.username}</p> + <div class="flex w-full max-w-[200px] mx-auto py-20" in:scale={{ start: 0.5 }}> + <Icon icon="check" style="mx-auto" /> </div> + <p class="text-3xl"> + {$t('payments.sentRequestTo')} + </p> {/if} </div> </div> @@ -49,4 +49,4 @@ <div class="opacity-0 w-screen h-screen fixed top-0 left-0 z-50" /> </a> -<div class="fixed bottom-10 w-full text-center">{$t('payments.tapAnywhere')}</div> +<div class="fixed bottom-10 left-0 text-center w-full">{$t('payments.tapAnywhere')}</div> |